<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="票务,演出订票" name="keywords">
<meta content="【永乐票务】票务网提供最新、最全月演出信息，包括演唱会，音乐会，歌剧、话剧、体育、儿童剧等演出订票，方便您在线订演出票，您最佳的票务中心。" name="description">
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<!-- 引入公共css资源 -->
<%include("/common/head.html",{}){}%>
<title>【票务演出票务演出订票票务网】_永乐票务_确认订单信息_立即购买</title>
<link type="text/css" href="${staticPath}/css/order/orderDetail.css" rel="stylesheet">
<script type="text/javascript" src="${staticPath}/js/order/jquery-1.7.2.js"></script>
<script type="text/javascript" src="${staticPath}/js/order/public-min.js"></script> 
<script type="text/javascript" src="${staticPath}/js/order/buyProcess.js"></script>	
<script type="text/javascript" src="${staticPath}/js/order/orderBuyNow.js"></script>	
</head>
<body>
<!-- 引入 top导航条 -->
<div id="top_ajax" class="top-w"></div>
<!-- 引入搜索框 -->
<%include("/common/search.html",{}){}%>
<!-- 引入菜单导航 -->
<%include("/common/navPro.html",{}){}%>
<script type="text/javascript" src="${staticPath}/js/top_ajax.js${version}"></script>
<script type="text/javascript">
	var SysSecond; 
 	var InterValObj; 
	$(function(){
		//这里获取倒计时的起始时间 
		var payTimeOut = $("#payTimeOut").val();
		SysSecond = parseInt(payTimeOut);
		if(SysSecond>0){
			SysSecond = Math.floor(SysSecond/1000);
  			InterValObj = window.setInterval(SetRemainTime, 1000); //间隔函数，1秒执行 
		}
	})
 
 	//将时间减去1秒，计算天、时、分、秒 
 	function SetRemainTime() { 
 		if (SysSecond > 0) { 
   			SysSecond = SysSecond - 1; 
   			var second = Math.floor(SysSecond %60);             // 计算秒     
   			var minite = Math.floor((SysSecond / 60) % 60);      //计算分 
   			var hour = Math.floor((SysSecond / 3600) % 24);      //计算小时 
   			second	= second.toString().length==1?"0"+second:second;
   			minite	= minite.toString().length==1?"0"+minite:minite;
   			hour	= hour.toString().length==1?"0"+hour:hour;
   			$("#timeleft").html("倒计时 " + hour + ":" + minite + ":" + second ); 
  		} else {
  		       //剩余时间小于或等于0的时候，就停止间隔函数 
   			window.clearInterval(InterValObj); 
   			//这里可以添加倒计时时间为0后需要执行的事件 
   			var orderid = $("#myorderid").val();
   			//后台有定时器自动更新订单状态,此处不需要再更改订单状态
			window.location.replace('${path}/orderDetail?orderId='+orderid);
				
  		}
 	}

</script>
<p class="crumbs"><a href="http://www.228.com.cn/">首页</a>＞<a href="http://www.228.com.cn/personorders/myorder.html">我的永乐</a>＞<a href="http://www.228.com.cn/personorders/myorder.html">我的订单</a>＞<a href="#">订单详情</a></p>
<!--/crumbs-->
<div class="uc_w"> 
 <div class="uc_nav" >
<h2>交易管理</h2>
<ul >
<li class="center-order" ><a href="${s228Path}/personorders/myorder.html" class="current" >我的订单</a></li>
<li class="center-purse"><a href="${s228Path}/electronicPurse/personalPurse.html">电子钱包</a></li>
<li class="center-voucher" ><a href="${s228Path}/cashCoupon/myCashCoupon/1?status=1" >我的现金券</a></li>
<li class="center-musiccard"><a href="${s228Path}/musiccard/queryrecord">我的乐通卡</a></li>
<li class="center-myintegral"><a href="${s228Path}/myIntegral/incomerecord">我的积分</a></li>
<li class="center-outofregister"><a href="${s228Path}/outOfRegister/outOfRegisterlist">缺货登记</a></li>
<li class="center-mylikes"><a href="${s228Path}/myLike/mylike">我的喜欢</a></li>
</ul>
<h2>账户管理</h2>
<ul>
<li class="center-personAlinFormationList"><a href="${s228Path}/personAlinForMation/deductintegrals">个人信息</a></li>
<li class="center-address"><a href="${s228Path}/deliveryAddress/deliveryaddress">收货地址</a></li>
<li class="center-security"><a href="${s228Path}/securityCenter/index">安全中心</a></li>
<li class="center-myquestion"><a href="${s228Path}/myQuestions/myquestionslist">我的问答</a></li>
<li class="center-mycomment"><a href="${s228Path}/toCommen/tocommen">我的评论</a></li>
<li class="center-myemail"><a href="${s228Path}/toEmail/toemail">我的订阅</a></li>
<li class="center-myadvice"><a href="${s228Path}/common/idea.html">意见建议</a></li>
</ul>
</div>
  <!--右侧主体-->
  <div class="uc_main">
    <div class="status mb20 font-taho">
      <p class="uc_name fl"><span class="red bold fft">${nickName}</span> 欢迎回来~~</p>
      <p class="uc_id_time fr"><span class="mr30">ID：${customersId}</span> 
      	最近登录：${lastLoginTime}</p>
    </div>
    <div class="main mt20">
     <div class="main-t clear">
        <h2>订单号：${orderId } </h2>
        <input  type="hidden" value="${orderId }"  id="myorderid"/>
        <input  type="hidden" value="${payTimeOut }"  id="payTimeOut"/>
        <p class="fr f13 bold">[ 订单状态：<span class="red"  ><%if(((orderStatus=="1")) && ((paystatus=="1") || (paystatus=="0"))){%>等待付款<%}else{%>${orderStatusDisplay}<%}%></span> ]</p>
      </div>
      <!--进度-->
       <ul class="eticket_process mt20">
      <%if(((orderStatus=="1")) && ((paystatus=="1") || (paystatus=="0"))){%><!-- 订单状态为未审核 ,支付状态为未支付或部分支付-->
        <li class="node_on"><p>等待付款</p></li><%}else{%> <li class="node"><p>等待付款</p></li> <%}%>
        
        <%if(((orderStatus=="1")||(orderStatus=="9")) && ((paystatus=="2"))){%><!-- 订单状态为未审核或已处理 ,支付状态为已支付-->
        <li class="bar-on"><p>审核中</p></li><%}else{%> <li class="bar"><p>审核中</p></li> <%}%>
        
        <%if(((orderStatus=="2")||(orderStatus=="11")) && ((paystatus=="2"))){%><!-- 订单状态为已审核或审核至前台 ,支付状态为已支付-->
        <li class="node_on"><p>已审核</p></li><%}else{%> <li class="node"><p>已审核</p></li> <%}%>
        
        <%if((orderStatus=="3" || orderStatus=="4") && (paystatus=="2")){%><!-- 订单状态为配票中或发货中 ,支付状态为已支付-->
        <li class="bar-on"><p>打包 / 配货</p></li><%}else{%> <li class="bar"><p>打包 / 配货</p></li> <%}%>
        
        <%if((orderStatus=="5") && (paystatus=="2")){%><!-- 订单状态为已发货 ,支付状态为已支付-->
        <li class="node_on"><p>待取货</p></li><%}else{%> <li class="node"><p>待取货</p></li> <%}%>
        <li class="bar"></li>
        <%if((orderStatus=="5") && (isend=="1") && (paystatus=="2")){%><!-- 订单状态为已发货 ，取货标志为已取货,支付状态为已支付-->
        <li class="bar-on"><p>已取货</p></li><%}else{%> <li class="bar"><p>已取货</p></li> <%}%>
        
        <%if(((orderStatus=="6")) && ((paystatus=="2") )){%><!-- 订单状态为6已完成 ,支付状态为2已支付-->
        <li class="node_on"><p>订单完成</p></li><%}else{%> <li class="node"><p>订单完成</p></li> <%}%>
        </ul>
      <%if(((payTimeOut>0) || (payTimeLimitInt==0)) && ((paystatus!="2" && paystatus!="3"))){ %><!-- 等待付款且在超时时间内-->
      <div class="pop-tip"><i></i>
        <p class="cd"><span>订单未完成支付，为了保证您能及时观看演出，请尽快完成付款。</span><a href="${path }/payNew/toPay?orderId=${orderId }" ></a><span class="red fft f20" id="timeleft"></span></p>
      </div>
      <%}%>
	  <h3 class="nbb">订单追踪</h3>
     	<div class="pop-tip"><i></i>
		${orderStatusDetail }
		</div>
      <h3>订单详情</h3>
   
     <ul class="order_infor">
        <li>收货信息：${addressUserName }，${addressPhone }，${cityname }${areaname }${addressName }<%if(addressZip=="null"){%><%}else{%>，${addressZip }<%}%><%if(((orderStatus=="1")||(orderStatus=="11")) && ((psxx=="1"))){%><a href="${path }/cart/modifyOrder.html?orderId=${orderId}" class="c5 ml10">[ 修改 ]</a> <%}%></li>
        <li>送货时间：${tpSHSMdate }</li> 
   
        <li>发票信息：<%if(receipttype=="0"){%>个人<%}%>
                    <%if(receipttype=="1"){%>${invoice }<%}%>
                    <%if(receipttype=="2"){%>无<%}%></li>
        <li>订单备注：<%if(clientInfo!=null){%>${clientInfo }<%}else{%>无<%}%></li>
      </ul>
      <div class="bted pb10 pt10 mt20"><span>商品类型：
      <%if(psxx=="4"){%>电子票<%}else{%>纸质票<%}%>
      </span><span class="ml30 mr30">
      </span><span>配送方式：<%if(psxx=="1"){%>快递配送<%}else if(psxx=="2"){%>上门自取<%}else if(psxx=="4"){%>电子票<%}%></span></div>
      </div>
      <table width="763" border="0" cellspacing="0" cellpadding="0" class="table_slider">
            <th width="329" scope="col">商品名称</th>
          	<th width="97" scope="col">单价</th>
          	<th width="90" scope="col">数量</th>
          	<th width="90" scope="col">座位</th>
          	<th width="80" scope="col">优惠</th>
          	<th width="77" scope="col">小计(元)</th>
          	<%for(newOrderDetailmap in newOrderDetailmapList){%>
          	<tr>
          	<td><p class="p_title nbb"><a href="${path }/ticket-${newOrderDetailmap.productid }.html" target="_blank" class="c5">${newOrderDetailmap.productname }</a></p>
          	<p class="tl ml20">[<a href="${path }/venue-${newOrderDetailmap.venuesid }.html" target="_blank">${newOrderDetailmap.venuesName }</a>] <br />
          	${newOrderDetailmap.playdateandtime }</p></td>
          	<td>${newOrderDetailmap.playInfo }</td>
          	<td>${newOrderDetailmap.num }</td>
          	<td>${newOrderDetailmap.seat }</td>
          	<td>${newOrderDetailmap.discount }</td>
          	<td>${newOrderDetailmap.total }</td>
          	</tr>
          	<%}elsefor{%>暂无信息	<%}%>
          	<tr>
            <td height="81" colspan="10"><p class="tl ml15" style="line-height:2;"><span class="c1"> 此单可获积分：<span>${integralnew }</span> 分</span><br />
                              合计(含运费)：商品金额${ztotal }元  + 运费${rangeprice }元  + 保险${insuredtotal }元  - 现金券${discountMoney }元  = ${zprice }元</p></td>
            </tr>
            <tr>
            <td height="81" colspan="10"><p class="tr f18" style="line-height:2;">订单总金额：<span class="red fft fb ml5 mr5"> ${zprice }元</span></p><br /></td>
            </tr>
            <%if(paystatus!="2" && paystatus!="3"){%><!-- 非已支付和已退款 -->
            <table width="763" border="0" cellspacing="0" cellpadding="0" class="mt20" style="*margin-bottom:20px;">
            <tbody>
            <tr>
            <td>
            <a href="${path }/payNew/toPay?orderId=${orderId }" class="pay_now fr ml20" ></a>
            <input type="hidden" id="modfy_price_yn" value="Y">
            <div class="pop-tip3 fr"><i></i>
            <p class="f18 font-yh"> 还需要支付：<span class="red fft">${zprice }</span> 元</p>
            </div></td>
            </tr>
            </tbody></table>
            <%}%>
              
      </table>
             <!--含保单会显示以下-->
            <%if(insuredpushstatus=="1"){%><!-- 已推送保单 -->
            <h3 class="nbb">保单信息</h3>
            <div class="pop-tip-bd"><i></i>
            <table width="733" border="0" cellspacing="0" cellpadding="0" class="tc">
            <tr>
            <th width="162" scope="col" class="c1 bbed">保单号</th>
            <th width="378" scope="col" class="c1 bbed">商品名称</th>
            <th width="106" scope="col" class="c1 bbed">保费金额</th>
            <th width="117" scope="col" class="c1 bbed">操作</th>
            </tr>
            <%for(insuremap in insuremapList){%>
            <tr>
            <td><p>${insuremap.policyno }</p></td>
            <td><p>${insuremap.productName }</p></td>
            <td height="42">${insuremap.insurancetoal }</td>
            <td><a href="http://h.228.cn/upload/houtaipdf/${insuremap.policyno }.pdf" target="_blank" class="c5">下载保单</a></td>
            </tr>
            <%}%>
            </table>
            </div>
            <%}%>
  </div>
  <!--/右侧主体--> 
</div>
</div>
  <!-- 引入footer -->
<%include("/common/footer.html",{}){}%>
<!-- 引入公共js资源 -->
<%include("/common/bottom.html",{}){}%>	
  </body>
</html>
